<!-- -------------------商品列表  3搜索2按钮 ------------------------->
<template>
           <div class="flex flex-wrap" >
            <el-form
              ref="form"
              :model="sizeForm"
              label-width="auto"
              size="small"
              class="flex flex-wrap "
            >
             <p > <el-input v-model="input" placeholder="请输入商品ID" /></p>
             <p > <el-input v-model="input" placeholder="请输入商品编号" /></p>
             <p > <el-input v-model="input" placeholder="请输入商品名称" /></p>
            </el-form>
        
            <el-button size="small" type="primary"><el-icon><Search /></el-icon>查找</el-button>
            <el-button size="small" type="primary" @click="editPen"><el-icon><EditPen /></el-icon>添加</el-button>
            <el-button size="small" type="primary"><el-icon><Download /></el-icon>导出</el-button>
      
          </div>
          
</template>

<script setup>
import {EditPen,Search,Download} from '@element-plus/icons-vue'
import {reactive, ref} from 'vue'
import {useRouter} from 'vue-router'
const router = useRouter()
function editPen () {
  router.push({path: '/home/shelves'})
}
const sizeForm = reactive({})
const input = ref('')


</script>

<style>

</style>